<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <el-container>
    <el-header>
		<!-- <img alt="Vue logo" src="./assets/logo.png" -->

			<el-row :gutter="20" style="padding-top: 2%;">
			  <el-col :span="22">
			    <div style="font-size: 25px;float: left: ;width: 50%;"> 航天中认测试报告生成系统</div>
			  </el-col>
			 <el-col :span="1">
			       <div style="font-size: 11px;margin-top: 26%;padding: 0px !important;">管理员</div> 
			 </el-col>
			
			 <el-col :span="1">
			        <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar>
			 </el-col>
			</el-row>
	</el-header>
    <el-main style="position: relative;">  <HelloWorld msg="Hello Vue 3 + Vite" /></el-main>
    <el-footer>
		<div style="margin-top: 1%;">航天中认</div>
	    <div style="margin-top: 1%;">v1.0</div>
	</el-footer>
  </el-container>
</template>

<style>

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;

}
.el-main{
	
}
	.el-header {
	background-color: #363D40;
	color: aliceblue;
	    height: 6rem;
	text-align: left;
	}
	.el-footer {
	
		left: 0;
		
		bottom: 0;
width: 100%;
    height: 5rem;
	background-color: #363D40;
	text-align: center;
	color: aliceblue;
	}

</style>
